<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
	<link href="../css/base.css" type="text/css" rel="stylesheet"/>
	<link href="../css/common.css" type="text/css" rel="stylesheet"/>
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/citys.js"></script>
	<title>添加银行卡</title>
</head>
<body style="background-color:#f2f3f5;">
	<div class="main">
		<div class="pL5 pR5 bge39 pT10 pB10 clearfix texC">
			<a href="javascript:history.go(-1);"><img src="../img/back.png" width="15" height="25" class="fl"/></a>
			<font class="font18 cfff">添加银行卡</font>
			<a href=""><img src="../img/home.png" width="26" height="26"class="fr"/></a>
	   </div>
	   <select class="block wd90 mA pT10 pB10 font15 bgfff radius5 borN pL5 a1a1 mT12" style="background:#fff url(../img/city_03.png) right center no-repeat;background-size:30px;">
	   		<option value="">选择银行</option>
		   	<option value="">中国银行</option>
		   	<option value="">建设银行</option>
		   	<option value="">农业银行</option>
		   	<option value="">杭州银行</option>
		   	<option value="">交通银行</option>
	   </select>
	  		<form action="" name="address" class="font15 texC bgfff pT5 pB5 wd90 mA mT10 radius5 ">
			 	<select  name="province" class="borN wd100 block pT10 pB10 pL5 a1a1" style="background:#fff url(../img/city_03.png) right center no-repeat;background-size:30px;border-bottom:1px solid #e5e5e5 !important;">
					<option value="">开户省</option>
				</select>
				<select name="city" class="borN wd100 block pT10 pB10 pL5 a1a1" style="background:#fff url(../img/city_03.png) right center no-repeat;background-size:30px;border-bottom:1px solid #e5e5e5 !important;">
					<option value="">开户城市</option>
				</select>
				<select name="area" class="borN wd100 block pT10 pB10 pL5 a1a1" style="background:#fff url(../img/city_03.png) right center no-repeat;background-size:30px;">
					<option value="">开户区域</option>
				</select>
	       </form>
	   <div class="wd90 mA mT15  radius5 bgfff font15 pL5 pR5" style="box-sizing: border-box;">
	   		<input type="text" placeholder="银行卡号(开户人为 '王**')" class="block a1a1 borN  pT10 pB10 wd100 " style="border-bottom:1px solid #e5e5e5 !important;"/>
	   		<input type="text" placeholder="手机号码" class="block a1a1 borN  pT10 pB10 wd100 "/>
	   </div>
	   <div class="mA clearfix font14 bgfff  wd90 mT20 radius5" style="box-sizing:border-box;border:1px solid white;">
	   			<input type="text" placeholder="请输入验证码" class="block wd60 fl pT10 pB10 borN pL5">
	   			<img src="../img/gg.png" class="fl mT5" height="30">
	   			<input type="button" value="获取验证码" class="block wd30 fr pT10 pB10 borN bgfff cfb2 ">
	   	</div>
	   	<div>
    		<input type="button" value="保存" class="p_f_btn wd90 block mA pT10 pB10 bge39 borN radius5 cfff font18 " style="margin-top:18%;"/>
        </div>
        <div class="bga6a wd100" style="position:fixed;top:91%;left:0;">
			<ul class="clearfix pT5">
				<a href="index_0.html">
					<li class="fl wd25 texC ct"><img src="../img/foot4.png" height="24"><p class="font12 cfff">选彩</p></li>
				</a>
				<a href="">
					<li class="fl wd25 texC ct"><img src="../img/foot5.png" height="24"><p class="font12 cfff">开奖</p></li>
				</a>
				<a href="">
					<li class="fl wd25 texC ct"><img src="../img/foot6.png" height="24"><p class="font12 cfff">合买</p></li>
				</a>
				<a href="">
					<li class="fl wd25 texC ct"><img src="../img/foot7_1.png" height="24"><p class="font12 bc7e">我的</p></li>
				</a>
			</ul>
		</div>
	</div>
<script>
   $(function(){
   	var form=document.address;
   	var province=form.province;
   	var city=form.city;
   	var area=form.area;
      province.onfocus=function(){
      	province.innerHTML="<option value=''>请选择省份</option>";//清空数值
      	for (var i = 0; i < provinceList.length; i++) {
      		var option=document.createElement("option");
      		option.text=provinceList[i].name
      		province.appendChild(option)
      	};
      }
      var num;
      province.onchange=function(){
      	city.innerHTML="<option value=''>请选择城市</option>";//清空数值
      	//先获取省份里的内容
          num=province.selectedIndex-1;
         var arr=provinceList[num].cityList;//所有市的数组
         for (var i = 0;i < arr.length; i++) {
         	var option=document.createElement("option");
         	option.text=arr[i].name;
         	city.appendChild(option)
         };
      }

      city.onchange=function(){
         area.innerHTML="<option value=''>请选择区县</option>";
         var num1=this.selectedIndex-1;
         for (var i = 0; i < provinceList[num].cityList[num1].areaList.length; i++) {
         	var option=document.createElement("option");
         	option.text=provinceList[num].cityList[num1].areaList[i];
         	area.appendChild(option);
         };

      }
   });


	$(".t").click(function(){
		var src = $(this).attr("src");
		if (src.indexOf("sq.png") >-1){
			$(this).attr("src","../img/qs.png");
		}else{
			$(this).attr("src","../img/sq.png");
		}
	});
   
	</script>
</body>
</html>